<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线考试系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="../css/main.css" type="text/css" rel="stylesheet">
    <script src="../js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/jquery.form.min.js"></script>
    <script src="../js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="../js/exam.js" type="text/javascript"></script>
</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div id="top-bar" class="col-xs-12">
            <div class="col-lg-4 col-lg-offset-8 col-sm-7 col-sm-offset-5 col-md-5 col-md-offset-7 col-xs-12"
                 id="top-bar-link">
                <span>当前用户：</span>
                <span id="currentUser">null</span>
                <span id="logout" style="cursor:pointer">退出</span>
                <span id="span-info" style="cursor:pointer" data-toggle="modal" data-target="#myInfo">修改个人信息</span>
                <span id='span-password' style="cursor:pointer" data-toggle="modal"
                      data-target="#updatePassword">修改密码</span>
            </div>
        </div>

        <!-- 修改个人信息弹框 -->
        <div class="modal fade" id="myInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">修改个人信息</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label for="email" class="col-xs-4 control-label">邮箱：</label>
                                <div class="col-xs-6">
                                    <input type="email" class="form-control" id="email" name="email"
                                           placeholder="请输入电子邮箱" disabled>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="realname" class="col-xs-4 control-label">姓名：</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="realname" name="name"
                                           placeholder="请输入姓名">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="department" class="col-xs-4 control-label">班级（部门）：</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="department" name="department"
                                           placeholder="请输入班级（部门）">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" id="btn-info-save" data-loading-text="保存中...">
                            保存更改
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 修改密码弹框 -->
        <div class="modal fade" id="updatePassword" tabindex="-1" role="dialog" aria-labelledby="updatePasswordLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="updatePasswordLabel">修改密码</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" method="post" action="password.do" id="updatePasswordForm">
                            <div class="form-group">
                                <label for="oldPassword" class="col-xs-4 control-label">旧密码：</label>
                                <div class="col-xs-6">
                                    <input type="password" class="form-control" id="oldPassword" name="oldPassword"
                                           placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="newPassword" class="col-xs-4 control-label">新密码：</label>
                                <div class="col-xs-6">
                                    <input type="password" class="form-control" id="newPassword" name="newPassword"
                                           placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="password_confirm" class="col-xs-4 control-label">确认密码：</label>
                                <div class="col-xs-6">
                                    <input type="password" class="form-control" id="password_confirm"
                                           name="password_confirm"
                                           placeholder="请再次输入密码">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" id="btn-password-save">修改密码</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xs-12" id="head-bar">
            <div class="col-sm-8 col-sm-offset-2 col-xs-12">
                <h1 class="text-center">OEXAME在线考试系统</h1>
            </div>
        </div>

        <!--试卷列表 -->
        <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-xs-12" id="paper-list">
            <h3><span class="glyphicon glyphicon-option-vertical"></span><span>考试列表</span></h3>
            <hr/>
            <div id="paper-content" style="margin: 0px;padding: 0px">

            </div>

            <!--<div class="paper-item col-xs-12">-->
            <!--<div class="col-sm-8 col-md-7 col-xs-12">-->
            <!--<h4><span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span> 测试试卷</h4>-->
            <!--<p>考试时间：<span>2018-8-5 16:39:08</span>~<span>2018-8-5 16:39:47</span></p>-->
            <!--<p>答卷时间：<span>60</span>分钟</p>-->
            <!--</div>-->
            <!--<div class="col-sm-3 col-sm-offset-1 col-xs-12">-->
            <!--<a class="btn btn-default btn-primary" href="#">立即参加</a>-->
            <!--</div>-->
            <!--</div>-->

            <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                <nav aria-label="Page navigation">
                    <ul class="pagination" id="page-slide">
                        <!--<li>-->
                            <!--<a href="#" aria-label="Previous" id="Previous">-->
                                <!--<span aria-hidden="true">&laquo;</span>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="active"><a>1</a></li>-->
                        <!--<li><a href="#">2</a></li>-->
                        <!--<li><a href="#">3</a></li>-->
                        <!--<li><a href="#">4</a></li>-->
                        <!--<li><a href="#">5</a></li>-->
                        <!--<li>-->
                            <!--<a href="#" aria-label="Next">-->
                                <!--<span aria-hidden="true" id="Next">&raquo;</span>-->
                            <!--</a>-->
                        <!--</li>-->
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
</body>
</html>